<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">

    <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height: 300px;
            width: 800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        
        .brand {
            font-family: georgia, serif;
        }
        
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>


<body class="">

    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav pull-right">

                <li id="fat-menu" class="dropdown">
                    <a href="" role="button" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-user"></i> 您好，用户名
                    </a>
                </li>
            </ul>
            <a class="brand" href=""> <span class="second">富丽堂皇大宾馆</span><span class="first"></span></a>
        </div>
    </div>

    <div class="sidebar-nav">
        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>菜单</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
            <li class="active"><a href="bookMsg.html">预约信息管理</a></li>
        </ul>

        <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>后台管理</a>
        <ul id="accounts-menu" class="nav nav-list collapse in">
            <li><a href="config/configs.html">网站配置管理</a></li>
            <li><a href="aboutUs/abouts.html">关于我们管理</a></li>
            <li><a href="connectUs/connects.html">联系我们管理</a></li>
            <li><a href="nav/navs.html">导航管理</a></li>
            <li><a href="room/rooms.html">客房管理</a></li>
            <li><a href="menu/menus.html">菜单管理</a></li>
            <li><a href="root/users.html">用户管理</a></li>
        </ul>
    </div>


    <div class="content">

        <div class="header">

            <h1 class="page-title">预约信息</h1>
        </div>


        <div class="container-fluid">
            <div class="row-fluid">

                <table style="width: 680px;height: 80px;">
                    <tr>
                        <td><span style="font-family: '黑体'; font-size: 20px;">请输入查询信息：</span>
                        </td>
                        <form action="" method="post">
                            <td><input id="customers" type="text" placeholder="姓名" style="margin-top: 10px"></td>
                            <td><input id="tel" type="text" placeholder="电话号码" style="margin-top: 10px"></td>
                            <td><input class="btn" type="submit" value="查询"></td>
                        </form>
                    </tr>
                </table>



                <div class="well">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>姓名</th>
                                <th>房间类型</th>
                                <th>联系电话</th>
                                <th>入住日期</th>
                                <th>离去日期</th>
                                <th>价格</th>
                                <th style="width: 62px; text-align: center;">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>张三</td>
                                <td>大床房</td>
                                <td>13113113111</td>
                                <td>2020-04-08</td>
                                <td>2020-04-12</td>
                                <td>￥99.9</td>
                                <td>
                                    <a href="bookMsgDetail.html">查看详情</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="pagination">
                    <ul>
                        <li><a href="#">Prev</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">Next</a></li>
                    </ul>
                </div>


                <footer>
                    <hr>
                    <p>&copy; 2012 <a href="#" target="_blank">Portnine</a></p>
                </footer>

            </div>
        </div>
    </div>



    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function() {
                return false;
            });
        });
    </script>

</body>

</html>